<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>人事档案查询</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../../../css/sys/userInfor.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/hr/index.css"/>
    <script src="../../../js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/sys/userInfor.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../../../lib/jquery.form.min.js"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>

    <!-- word文本var data_器 -->
    <script src="../../../lib/ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../lib/ueditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../lib/laydate/laydate.js"></script>
    <script src="../../../lib/layer/layer.js?20201106"></script>


    <%--分页样式--%>
    <link rel="stylesheet"href="../../../lib/pagination/style/pagination.css">
    <%--公共样式--%>
    <link rel="stylesheet" href="../../../css/base/base.css?20201106.1">
    <%--引入jq--%>
    <%--<script type="text/javascript" 	src="../../../js/jquery/jquery-1.9.1.js"></script>--%>
    <%--分页插件--%>
    <script type="text/javascript" 	src="../../../js/base/tablePage.js"></script>
    <%--弹窗--%>
    <script type="text/javascript" src="/js/base/base.js"></script>


    <style>
        html,body{
            height:100%;
        }
        .btn_{
            width:300px;display: block;
        }
        .leave_send{
            display: inline-block;
            float: left;
            width: 66px;
            height: 30px;
            margin-right: 0px;
            margin-top: 10px;
            margin-bottom: 20px;
            background: url(../../../img/publish.png) no-repeat;
            padding-left: 47px;
            padding-top: 7px;
            cursor: pointer;
            font-size: 14px;
        }
        #downChild .dpetWhole0 .childdept{
            padding-left: 60px!important;
        }
        #downChild .dpetWhole0 ul .childdept{
            padding-left: 80px!important;
        }
        #downChild .dpetWhole0 ul ul li .childdept{
            padding-left: 95px!important;
        }
        .left {
            width: 21.5%;
            border-right: 1px solid #ccc;
            overflow-y: auto;
        }
        .rig {
            width: 100%;
        }
        .colorDis{
            background-color: #e7e7e7;
        }
        table input{
            width: auto;
        }
        .allCondition{
            width: 1200px;
            margin-left: 20px;
        }
            /*.biaoge{  border:1px solid red;  border-collapse:collapse;}*/
        /*.biaoge tbody tr td{ border:1px solid red; }*/
        .text_width{
            width:100px;
        }
        .loopData{
            font-size: 11pt;
        }
        .pagediv .page-top-inner-layer{
            padding-right:0 !important;
        }
        table,tbody,thead,tr,td{
            border-collapse: collapse;
        }
        #pageTbody td{
            font-size: 10pt !important;
        }
        /*table.TableBlock tr td:nth-child(2){*/
            /*width: 35%;*/
        /*}*/

        /**
        寇义东
        2018.08.01
         */
        #queryArchives, #mans{
            height: 35px;
            line-height: 35px;
            cursor: pointer;
        }

        .queryArchivesTitle, .mansTitle{
            display: inline-block;
        }
        .queryArchivesIcon, .mansIcon{
            padding-left: 10px;
        }


        .rig{
            width: 100%;
            overflow-y: auto;
        }

        .TableBlock tr{
            border: none;
        }
        .TableBlock{
            table-layout: inherit !important;
        }
        .TableBlock tr td:nth-child(odd){
            width: 15%;
        }
        .TableBlock tr td:nth-child(even){
            width: 32% !important;
        }
        .page-bottom-inner-layer{
            height: auto !important;
        }
        .btn_box{
            text-align: center;
        }
        .btn_box button{
            display: inline-block;
            border: 1px solid #ccc;
            background: none;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 4px;
            margin-top: 10px;
        }

    </style>
    <script>
        function newtime(val) {
//            console.log($(val).val())
            var date = new Date($(val).val());
            // 有三种方式获取
            var time1 = date.getTime();

            var datanew=new Date();


        }

    </script>
</head>
<body>
        <div class="rig">
            <div class="table_personDetail" id="table_personDetail" style="padding-bottom: 20px;">
                <table class="TableBlock biaoge" width="100%" align="center">
                    <tbody>
                    <tr>
                        <td nowrap="" class="TableHeader" colspan="6"><b>&nbsp;人事档案查询</b></td>
                    </tr>
                    <tr >
                        <td nowrap="" class="TableData text_width test_text">姓名：</td>
                        <td class="TableData">
                            <input type="text" name="STAFF_NAME"  value="" class="BigStatic per_name test_null" ><span style="color: #FF0000;margin-left: 10px;font-size: 16px;">*</span>
                        </td>
                        <td nowrap="" class="TableData text_width test_text" >所属部门：</td>
                        <td class="TableData"  width="180">

                            <input type="hidden" name="DEPT_ID">
                            <input type="text" name="DEPT_NAME"  value="" style="background-color: #e7e7e7;" id="DEPT_NAME" deptid="" class=BigStatic size=12 maxlength=100 readonly>
                            <span style="color: #FF0000;margin-left: 10px;font-size: 16px;">*</span>
                            <a href="javascript:;" class="orgAdd" id="dept_add">添加</a>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width test_text" >角色：</td>
                        <td class="TableData"  width="180">
                            <input type="hidden" name="USER_PRIV" value="" class="userPriv">
                            <input type="text" name="USER_PRIV_NAME"  style="background-color: #e7e7e7;" value="" id="USER_PRIV_NAME" class="BigStatic company userPrivName test_null" size=12 maxlength=100 readonly="">
                            <span style="color: #FF0000;margin-left: 10px;font-size: 16px;">*</span>
                            <a href="javascript:;" class="orgAdd userPriv_add" id="userPriv_add">添加</a>
                        <td nowrap="" class="TableData text_width">工号：</td>
                        <td class="TableData"><input type="text" name="WORK_NO" value="" class="BigInput per_worknum"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width">曾用名：</td>
                        <td class="TableData" ><input type="text" name="BEFORE_NAME" value="" class="BigInput per_overname"></td>
                        <td nowrap="" class="TableData text_width">英文名：</td>
                        <td class="TableData"><input type="text" name="STAFF_E_NAME" value="" class="BigInput per_engname"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width">身份证号：</td>
                        <td class="TableData">
                            <input type="text" name="STAFF_CARD_NO" id="STAFF_CARD_NO" class="BigInput per_ident" value="" onblur="check()">
                        </td>
                        <td nowrap="" class="TableData text_width">编号：</td>
                        <td class="TableData dept" width="80%">
                            <input type="text" name="STAFF_NO" value="" class="BigInput per_num">
                        </td>
                    </tr>


                    <tr>
                        <td nowrap="" class="TableData text_width">性别：</td>
                        <td class="TableData">
                            <select style="width:218px;" name="STAFF_SEX" class="BigSelect per_sex">
                                <option value="">请选择</option>
                                <option value="0">男</option>
                                <option value="1">女</option>
                            </select>
                        </td>
                        <td nowrap="" class="TableData text_width">年龄：</td>
                        <td class="TableData"><input type="text" name="STAFF_AGE" size="4" class="BigInput per_age" value=""><span style="margin-left: 4px;font-size:12px;line-height: 28px;color:#999;">岁</span></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width">出生日期：</td>
                        <td class="TableData">
                            <input type="text" name="STAFF_BIRTH" id="STAFF_BIRTH" size="10" maxlength="10" class="BigInput per_date" value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" onchange="get_animal_sign()">

                        </td>
                        <td nowrap="" class="TableData text_width" >户口所在地：</td>
                        <td class="TableData" width="180"><input type="text" name="STAFF_DOMICILE_PLACE" value="" size="40" class="BigInput per_hukouAdd"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" >年休假：</td>
                        <td class="TableData">
                            <input type="text" name="LEAVE_TYPE" size="4" maxlength="4" class="BigInput per_yearjia" value=""></td>
                        <td nowrap="" class="TableData text_width">籍贯：</td>
                        <td class="TableData"  nowrap="">
                            <select style="width:218px;" name="STAFF_NATIVE_PLACE" class="BigSelect per_address" title="<fmt:message code="hr.th.OriginIn" />。">
                                <option value="" selected="">请选择</option>
                                <option value="110000">北京</option>
                                <option value="120000">天津</option>
                                <option value="130000">河北</option>
                                <option value="140000">山西</option>
                                <option value="150000">内蒙古</option>
                                <option value="210000">辽宁</option>
                                <option value="220000">吉林</option>
                                <option value="230000">黑龙江</option>
                                <option value="310000">上海</option>
                                <option value="320000">江苏</option>
                                <option value="330000">浙江</option>
                                <option value="340000">安徽</option>
                                <option value="350000">福建</option>
                                <option value="360000">江西</option>
                                <option value="370000">山东</option>
                                <option value="410000">河南</option>
                                <option value="420000">湖北</option>
                                <option value="430000">湖南</option>
                                <option value="440000">广东</option>
                                <option value="450000">广西</option>
                                <option value="460000">海南</option>
                                <option value="500000">重庆</option>
                                <option value="510000">四川</option>
                                <option value="520000">贵州</option>
                                <option value="530000">云南</option>
                                <option value="540000">西藏</option>
                                <option value="610000">陕西</option>
                                <option value="620000">甘肃</option>
                                <option value="630000">青海</option>
                                <option value="640000">宁夏</option>
                                <option value="650000">新疆</option>
                                <option value="710000">台湾</option>
                                <option value="810000">香港</option>
                                <option value="820000">澳门</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width">民族：</td>
                        <td class="TableData"><input type="text" name="STAFF_NATIONALITY" class="BigInput per_minzu" value=""></td>
                        <td nowrap="" class="TableData text_width">婚姻状况：</td>
                        <td class="TableData" width="180">
                            <select  style="width:218px;"   name="STAFF_MARITAL_STATUS" class="BigSelect per_hunyin">
                                <option value="" selected="">请选择</option>
                                <option value="0">未婚</option>
                                <option value="1">已婚</option>
                                <option value="2">离异</option>
                                <option value="3">丧偶</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" width="100">健康状况：</td>
                        <td class="TableData"><input type="text" name="STAFF_HEALTH" value="" class="BigInput per_health"></td>
                        <td nowrap="" class="TableData text_width">政治面貌：</td>
                        <td class="TableData" width="180">
                            <select style="width:218px;" name="STAFF_POLITICAL_STATUS" class="BigSelect per_zhengzhi" title="政治面貌可在“人力资源设置”->“HRMS代码设置”模块设置。">
                                <option value="" selected="">请选择</option>
                                <option value="1"><fmt:message code="hr.th.TheMasses" /></option>
                                <option value="2"><fmt:message code="hr.th.Communist" /></option>
                                <option value="3"><fmt:message code="hr.th.CPCMembers" /></option>
                                <option value="4"><fmt:message code="hr.th.CPCProbationaryParty" /></option>
                                <option value="5"><fmt:message code="hr.th.DemocraticParties" /></option>
                                <option value="6"><fmt:message code="hr.th.PersonagesWithoutParty" /></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" >入党时间：</td>
                        <td class="TableData">
                            <input type="text" name="JOIN_PARTY_TIME" size="10" maxlength="10" class="BigInput per_dang" value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})">
                        </td>
                        <td nowrap="" class="TableData text_width" >在职状态：</td>
                        <td class="TableData"  colspan="3">
                            <select style="width:218px;" name="WORK_STATUS" class="BigSelect per_zaizhizhuangtai" title="<fmt:message code="hr.th.InTheState" />。">
                                <option value="" selected="">请选择</option>
                                <option value="01"><fmt:message code="hr.th.Job" /></option>
                                <option value="02"><fmt:message code="hr.th.Resignation" /></option>
                                <option value="03"><fmt:message code="hr.th.Retired" /></option>
                                <option value="04"><fmt:message code="hr.th.retire" /></option>
                                <option value="05"><fmt:message code="hr.th.ToLoan" /></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width"  ><fmt:message code="hr.th.TypeWork" />：</td>
                        <td class="TableData" width="180" ><input type="text" name="WORK_TYPE" class="BigInput per_gongzhong" value=""></td>
                        <td nowrap="" class="TableData text_width"  >行政级别：</td>
                        <td class="TableData" colspan="3" ><input type="text" name="ADMINISTRATION_LEVEL" class="BigInput per_xingzheng" value=""></td>

                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width"  >员工类型：</td>
                        <td class="TableData" >
                            <select style="width:218px;" name="STAFF_OCCUPATION" class="BigSelect per_yuangongType" title="<fmt:message code="hr.th.Employees" />。">
                                <option value="">请选择</option>
                                <option value="01"><fmt:message code="hr.th.ContractWorker" /></option>
                                <option value="02"><fmt:message code="hr.th.RegularEmployee" /></option>
                                <option value="03"><fmt:message code="hr.th.TemporaryWorker" /></option>
                            </select>
                        </td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.InductionTime" />：</td>
                        <td class="TableData" colspan="3">
                            <input type="text" name="DATES_EMPLOYED" size="10" maxlength="10" class="BigInput per_ruzhiTime" value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD',choose:function(dates){
                                var date=new Date();
                                var year=date.getTime();
                                var oldYear=Number(new Date(dates).getTime());
                                var time=(year-oldYear) / 1000 / 60 / 60 / 24 /365;
                                var times=time.toFixed(1);
                                 times=Math.ceil(times)
                                $('.per_gongling').val(times)
                            }})">
                        </td>
                    </tr>

                    <tr>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="userDetails.th.post" />：</td>
                        <td class="TableData" width="180" style="text-align: left;">
                            <select   style="width:218px;"  type="text" name="JOB_POSITION" class="BigInput per_zhiwu"></select>
                        </td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.Title" />：</td>
                        <td class="TableData"  colspan="3">
                            <select style="width:218px;" name="PRESENT_POSITION" class="BigSelect per_zhicheng" title="<fmt:message code="hr.th.TheTitle" />。">
                                <option value="" selected="">请选择</option>
                                <option value="08"><fmt:message code="hr.th.SeniorTitles" /></option>
                                <option value="02"><fmt:message code="hr.th.AssistantEngineer" /></option>
                                <option value="01"><fmt:message code="hr.th.Engineer" /></option>
                                <option value="03"><fmt:message code="hr.th.SeniorEngineer" /></option>
                                <option value="04"><fmt:message code="hr.th.Senior" /></option>
                                <option value="07"><fmt:message code="hr.th.Title" /></option>
                            </select>
                        </td>
                    </tr>

                    <tr>

                        <td nowrap="" class="TableData text_width test_text" ><fmt:message code="hr.th.WorkingHours" />：</td>
                        <td class="TableData"  colspan="3">
                            <input type="text" name="JOB_BEGINNING" size="10"  maxlength="10"  class="BigInput per_joinWork " value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD',choose:function(dates){
                                var date=new Date();
                                var year=date.getTime();
                                var oldYear=Number(new Date(dates).getTime());
                                var time=(year-oldYear) / 1000 / 60 / 60 / 24 /365;
                                var times=time.toFixed(1);
                                times=Math.ceil(times)
                                $('.per_allage').val(times)
                            }})" onchange="get_work_age(this.value)">
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.LengthUnit" />：</td>
                        <td class="TableData" width="180"><input type="text" name="JOB_AGE" class="BigInput per_gongling" value=""></td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.TotalLengthOfService" />：</td>
                        <td class="TableData" width="180"><input type="text" name="WORK_AGE" value="" class="BigInput per_allage"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width test_text"  >学历：</td>
                        <td class="TableData" width="180" >
                            <select style="width:218px;" name="STAFF_HIGHEST_SCHOOL" class="BigSelect per_xueli" title="<fmt:message code="hr.th.TheEducation" />。">
                                <option value="" selected="">请选择</option>
                                <option value="1"><fmt:message code="vote.hr.1" /></option>
                                <option value="2"><fmt:message code="vote.hr.2" /></option>
                                <option value="3"><fmt:message code="vote.hr.3" /></option>
                                <option value="4"><fmt:message code="vote.hr.4" /></option>
                                <option value="5"><fmt:message code="vote.hr.5" /></option>
                                <option value="6"><fmt:message code="vote.hr.6" /></option>
                                <option value="7"><fmt:message code="vote.hr.7" /></option>
                                <option value="8"><fmt:message code="vote.hr.8" /></option>
                                <option value="9"><fmt:message code="vote.hr.9" /></option>
                                <option value="11"><fmt:message code="vote.hr.10" /></option>
                            </select>
                        </td>
                        <td nowrap="" class="TableData text_width"  ><fmt:message code="hr.th.AcademicDegree" />：</td>
                        <td class="TableData" colspan="3" >
                            <select style="width:218px;" name="STAFF_HIGHEST_DEGREE" class="BigSelect per_xuewei" title="<fmt:message code="hr.th.Adegree" />。">
                                <option value="" selected="">请选择</option>
                                <option value="1"><fmt:message code="vote.hr.9" /></option>
                                <option value="2"><fmt:message code="vote.hr.8" /></option>
                                <option value="3">MBA</option>
                                <option value="4"><fmt:message code="vote.hr.13" /></option>
                                <option value="5"><fmt:message code="vote.hr.12" /></option>
                                <option value="6"><fmt:message code="vote.hr.11" /></option>
                                <option value="7"><fmt:message code="event.th.nothing" /></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width"  ><fmt:message code="hr.th.GraduationTime" />：</td>
                        <td class="TableData" width="180" >
                            <input type="text" name="GRADUATION_DATE" size="10" maxlength="10" class="BigInput per_overtime" value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})">
                        </td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ComputerLevel" />：</td>
                        <td class="TableData" colspan="3"><input type="text" name="COMPUTER_LEVEL" value="" class="BigInput per_shuiping"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.GraduationSchool" />：</td>
                        <td class="TableData" width="180"><input type="text" name="GRADUATION_SCHOOL" value="" class="BigInput per_school"></td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.major" />：</td>
                        <td class="TableData" colspan="3"><input type="text" name="STAFF_MAJOR" value="" class="BigInput per_zhuanye"></td>

                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguage" />1：</td>
                        <td class="TableData" width="180"><input type="text" name="FOREIGN_LANGUAGE1" value="" class="BigInput per_yuzhongone"></td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguageProficiency" />1：</td>
                        <td class="TableData" colspan="3"><input type="text" name="FOREIGN_LEVEL1" value="" class="BigInput per_waiyuone"></td>

                    </tr>
                    <tr>

                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguage" />2：</td>
                        <td class="TableData" width="180"><input type="text" name="FOREIGN_LANGUAGE2" value="" class="BigInput per_yuzhongtwo"></td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguageProficiency" />2：</td>
                        <td class="TableData" colspan="3"><input type="text" name="FOREIGN_LEVEL2" value="" class="BigInput per_waiyutwo"></td>
                    </tr>
                    <tr>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguage" />3：</td>
                        <td class="TableData" width="180"><input type="text" name="FOREIGN_LANGUAGE3" value="" class="BigInput per_yuzhongthree"></td>
                        <td nowrap="" class="TableData text_width" ><fmt:message code="hr.th.ForeignLanguageProficiency" />3：</td>
                        <td class="TableData" colspan="3"><input type="text" name="FOREIGN_LEVEL3" value="" class="BigInput per_waiyuthree"></td>
                    </tr>
                    </tbody>
                </table>
                <div class="box_two foot_mg">
                    <div class="btn_">
                        <div id="add_send" value="1" type="publish" class="fot_1 btn_ok" ac="edit">查询</div>
                       <a href="javascript:;" style="color: #000;" id="leave_send" value="0" type="save" class="btn_style btn_ok leave_send">导出</a>
                    </div>
                </div>

            </div>

            <div id="pagediv_box" style="display: none;margin-top: 10px;">
                <div id="pagediv">
                </div>
                <div class="btn_box">
                    <button class="delAll">全部删除</button>
                    <button class="delItem">删除废弃档案</button>
                    <button class="onBlack">返回</button>
                </div>
            </div>


        </div>



        <script>

            /* 详细信息 */
            $("#pagediv").on('click', '.editAndDelete0', function (e) {
                e.stopPropagation()
                var staffId = $(this).attr('staffId');

                // window.open("details?staffId=" + staffId,'1150px', '700px')
                $.popWindow("details?staffId=" + staffId, '<fmt:message code="news.th.querysituation" />', '0', '0', '1150px', '700px');

            });



        </script>


<script>
    $(function () {
        // 点击左侧列表标题切换图标
        $('#mans').on('click', function (){
            var temp = $('.mansIcon img').attr('src');
            if(temp == '/img/hr/ar.png'){
                $('.mansIcon img').attr('src', '/img/hr/arrow_d.png');
                $('#downChild').css('display', 'block');
            }else{
                $('.mansIcon img').attr('src', '/img/hr/ar.png');
                $('#downChild').css('display', 'none');
            }
        })


    });



    //选部门
    $('#dept_add').click(function(){
        dept_id='DEPT_NAME';
        $.popWindow("../../../common/selectDept?0");
    });
    //选角色
    $('.userPriv_add').click(function(){
        priv_id='USER_PRIV_NAME';
        $.popWindow("../../../common/selectPriv?0");
    });
    //人员选择控件（离职人员）
    $(".leavePerson_add").on("click",function(){
        user_id='LEAVE_PERSON';
        $.popWindow("../../../common/selectUser?0");
    });
    //人员选择控件（直属上级）
    $(".add_shangji").on("click",function(){
        user_id='directlySuperiorName';
        $.popWindow("../../../common/selectUser");
    });
    //人员选择控件（直属下级）
    $(".add_xiaji").on("click",function(){
        user_id='directlyUnderName';
        $.popWindow("../../../common/selectUser");
    });
    //清空（直属上级）
    $(".clear_shangji").on("click",function(){
        $('#directlySuperiorName').val('');
        $('#directlySuperiorName').attr("dataid",'');
    });
    //人清空（直属下级）
    $(".clear_xiaji").on("click",function(){
        /*直属上级*/
        $('#directlyUnderName').val('');
        $('#directlyUnderName').attr("dataid",'');
    });


    function turnZero(n){
        if(n=="0000-00-00"){
            return "";
        }else{
            return n;
        }

    };
    var deptNameShow = "";
    var deptIdShow = "";
    /*部门接口*/
    function ajaxdata(deptNumId, me) {//部门
        deptIdShow = deptNumId;
        deptNameShow = $(me).find('a').text();
        $('.loopData').remove();
        $('.childQuery').show().siblings().hide();
        var data = {
            'deptId': deptNumId
        };
        $.ajax({
            type: 'get',
            url: '<%=basePath%>hr/api/getPersonFilesByDeptId',
            dataType: 'json',
            data: data,
            success: function (res) {
                $(".checkOper").remove();
                var th = '<tr>' +
                    '<th><fmt:message code="notice.th.chose" /></th>' +
                    '<th><fmt:message code="userDetails.th.name" /></th>' +
                    '<th><fmt:message code="interfaceSetting.th.UserAvatar" /></th>' +
                    '<th><fmt:message code="HR.TH.FileAvatar" /></th>' +
                    '<th>OA<fmt:message code="userManagement.th.role" /></th>' +
                    '<th><fmt:message code="userDetails.th.Gender" /></th>' +
                    '<th><fmt:message code="hr.th.DateOfBirth" /></th>' +
                    '<th><fmt:message code="hr.th.Nation" /></th>' +
                    '<th><fmt:message code="hr.th.PlaceOfOrigin" /></th>' +
                    '<th><fmt:message code="hr.th.PoliticalOutlook" /></th>' +
                    '<th><fmt:message code="hr.th.InductionTime" /></th>' +
                    '<th><fmt:message code="notice.th.operation" /></th>' +
                    '</tr>';
                var data = res.obj;
                var str = '';
                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        var txt = data[i].staffSex == 0 ? '<fmt:message code="userInfor.th.male" />' : '<fmt:message code="userInfor.th.female" />';
                        var photo=data[i].photo==''?'<fmt:message code="hr.th.NotUploaded" />':'<fmt:message code="doc.th.Uploaded" />';
                        var photoName=data[i].photoName==''?'<fmt:message code="hr.th.NotUploaded" />':'<fmt:message code="doc.th.Uploaded" />';
                        str += '<tr class="loopData" uid="' + data[i].deptId + '">' +
                            '<td align="center"><input  id="input1" name="" type="checkbox" val="' + data[i].staffId + '" class="checkChild" style="margin-left: 30%;"/></td>' +
                            '<td class="userDetail">' + data[i].staffName + '</td>' +
                            '<td>' + photo + '</td>' +
                            '<td>' + photoName + '</td>' +
                            '<td>' + data[i].userPrivName + '</td>' +
                            '<td>' + txt + '</td>' +
                            '<td>' + turnZero(data[i].staffBirth) + '</td>' +
                            '<td>' + data[i].staffNationality + '</td>' +
                            '<td>' + data[i].staffNativePlace2 + '</td>' ;

                           if(data[i].staffPoliticalStatus==1){
                               str+= '<td><fmt:message code="hr.th.TheMasses" /></td>' ;
                           }else  if(data[i].staffPoliticalStatus==2){
                               str+= '<td><fmt:message code="hr.th.Communist" /></td>' ;
                           }else  if(data[i].staffPoliticalStatus==3){
                               str+= '<td><fmt:message code="hr.th.CPCMembers" /></td>' ;
                           }else  if(data[i].staffPoliticalStatus==4){
                               str+= '<td><fmt:message code="hr.th.CPCProbationaryParty" /></td>' ;
                           }else  if(data[i].staffPoliticalStatus==5){
                               str+= '<td><fmt:message code="hr.th.DemocraticParties" /></td>' ;
                           }else  if(data[i].staffPoliticalStatus==6){
                               str+= '<td><fmt:message code="hr.th.PersonagesWithoutParty" /></td>' ;
                           }else{
                               str+= '<td></td>' ;
                           }
                        str+=  '<td>' + turnZero(data[i].datesEmployed) + '</td>' +
                            '<td><a class="hr_edit"  uid="' + data[i].uid + '"><fmt:message code="global.lang.edit" /></a>&nbsp;&nbsp;' +
                            '<a class="delBtnSingle"  val="' + data[i].staffId + '" href="javascript:void(0)"><fmt:message code="global.lang.delete" /></a></td>' +
                            '</tr>';
                    }
                    $('.allCondition').html(th + str);
                } else {
                    $('.allCondition').html(th);
                }
                var userCount = 0;//用户人数
                var haveDocument = 0;//建档人数
                //根据部门查询当前部门下用户的人数
                $.ajax({
                    type: 'get',
                    url: '<%=basePath%>user/getUsersByDeptId',
                    dataType: 'json',
                    data: {
                        'deptId': deptNumId
                    },
                    success: function (obj) {
                        var data1 = obj.obj;
                        userCount = data1.length;
                        $(".have_per").html(userCount);
                        haveDocument = data.length;
                        $(".no_perCount").html(parseInt(userCount) - parseInt(haveDocument));
                    }
                })
            }
        })
        $.ajax({
            type: 'get',
            url: '<%=basePath%>hr/api/queryCountNoDocument',
            dataType: 'json',
            data: data,
            success: function (res) {
                var count = res.totleNum;
                $(".no_perCount").html(count);
            }
        })
    }

    //列表中的复选框
    $(function () {
        $('.childQuery').on('click', '#checkedAll', function () {
            var state = $(this).prop("checked");
            if (state == true) {
                $(this).prop("checked", true);
                $(".checkChild").prop("checked", true);
            } else {
                $(this).prop("checked", false);
                $(".checkChild").prop("checked", false);
            }
        })
        $('#imageFile').change(function () {
            submitPhoto();
        })

        $('.TableData').on('click','.deImgs',function () {
            var file = document.getElementById('imageFile');
            file.value = '';
            $(this).remove();
        })

        //职务下拉列表
        $.ajax({
            type: 'post',
            url: '/duties/selectUserPostList',
            dataType: 'json',
            success: function (obj) {
                var data=obj.obj;
                str="<option value='0'><fmt:message code="hr.th.PleaseSelect" /></option>";
                if(obj.flag){
                    for(var i=0;i<data.length;i++){
                        str+="<option value='"+data[i].postId+"'>"+data[i].postName+"</option>";
                    }
                }
                $(".per_zhiwu").html(str);
            }
        });
        //岗位下拉列表
        $.ajax({
            type: 'post',
            url: '/position/selectUserJob',
            dataType: 'json',
            success: function (obj) {
                var data=obj.obj;
                str="<option value='0'><fmt:message code="hr.th.PleaseSelect" /></option>";
                if(obj.flag){
                    for(var i=0;i<data.length;i++){
                        str+="<option value='"+data[i].jobId+"'>"+data[i].jobName+"</option>";
                    }
                }
                $(".per_yingpin").html(str);
            }
        });
    })


    var pageobj = '';

    // 查询
    $('#add_send').on('click', function () {
        $('#table_personDetail').hide();
        $('#pagediv_box').show();

        var url = '/hr/api/statusOne';
        var n = parent.$('.queryArchivesTitle').text();
        if(n == '查询/导出离职人员档案'){
            url = '/hr/api/statusTwo';
        }

        var jobPositionVal = $('.per_zhiwu option:selected').val();
        if(jobPositionVal == '0'){
            jobPositionVal = null;
        }
        pageobj=$.tablePage('#pagediv', '100%', [
            {
                width:'10%',
                title:'部门',
                name:'deptName',
                selectFun:function (name, obj) {
                    return '<a href="#" newsId="' + obj.newsId + '" class="windowOpen">'+ name +'</a>';
                }
            },
            {
                width:'7%',
                title:'姓名',
                name:'staffName',
                selectFun:function (name, obj) {
                    return '<a href="#" newsId="' + obj.newsId + '" class="windowOpen">'+ name +'</a>';
                }
            },
            {
                width:'10%',
                title:'用户头像',
                name:'attachmentId',
                selectFun: function (name, obj) {
                    if(name == undefined){
                        name = '未上传';
                    }
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width:'10%',
                title:'档案头像',
                name:'attachmentName',
                selectFun:function (name, obj) {
                    if(name == undefined){
                        name = '未上传';
                    }
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width:'8%',
                title: 'OA角色',
                name: 'userPrivName',
                selectFun: function (name, obj) {
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '5%',
                title:'性别',
                name: 'staffSex',
                selectFun: function (name, obj) {
                    if(name == '0'){
                        name = '男'
                    }else{
                        name = '女'
                    }
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '10%',
                title:'出生日期',
                name: 'staffBirth',
                selectFun: function (name) {
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '5%',
                title:'民族',
                name: 'staffNationality',
                selectFun: function (name, obj) {
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '7%',
                title:'籍贯',
                name: 'staffNativePlaceName',
                selectFun: function (name, obj) {
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '10%',
                title:'政治面貌',
                name: 'staffPoliticalStatusName',
                selectFun: function (name, obj) {
                    if(name==undefined ||name==null){
                        name=" ";
                    }
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '10%',
                title:'入职时间',
                name: 'datesEmployed',
                selectFun: function (name, obj) {
                    return '<a href="#">'+ name +'</a>';
                }
            },
            {
                width: '8%',
                title:'操作',
                selectFun: function (name, obj) {
                    return '<a href="#"class="editAndDelete0">操作</a>';
                }
            }

        ],function (me) {
            me.data.pageSize = 5;
            me.data.page = 1;
            me.data.useFlag = true;
            me.data.deptIds = $('input[name="DEPT_NAME"]').attr('deptid'); // 部门
            me.data.userPriv = $('#USER_PRIV_NAME').attr("userPriv"); // 角色
            me.data.staffName = $('input[name="STAFF_NAME"]').val(); // 姓名
            me.data.beforeName = $('input[name="BEFORE_NAME"]').val(); // 曾用名
            me.data.staffEName = $('input[name="STAFF_E_NAME"]').val(); // 英文名
            me.data.staffNo = $('input[name="STAFF_NO"]').val(); // 编号
            me.data.workNo = $('input[name="WORK_NO"]').val(); // 工号
            me.data.staffSex = $('.per_sex option:selected').val(); // 性别
            me.data.staffCardNo = $('input[name="STAFF_CARD_NO"]').val(); // 身份证
            me.data.staffBirth = $('input[name="STAFF_BIRTH"]').val(); // 出生日期
            me.data.staffAge = $('input[name="STAFF_AGE"]').val(); // 年龄
            me.data.staffNationality = $('input[name="STAFF_NATIONALITY"]').val(); // 民族
            me.data.staffNativePlace = $('.per_address option:selected').val(); // 籍贯
            me.data.workType = $('input[name="WORK_TYPE"]').val(); // 工种
            me.data.workStatus = $('[name="WORK_STATUS"] option:selected').val(); // 在职状态
            me.data.staffDomicilePlace = $('input[name="STAFF_DOMICILE_PLACE"]').val(); // 户口所在地
            me.data.staffMaritalStatus = $('.per_hunyin option:selected').val(); // 婚姻状况
            me.data.staffHealth = $('input[name="STAFF_HEALTH"]').val(); // 健康状况
            me.data.staffPoliticalStatus = $('.per_zhengzhi option:selected').val(); // 政治面貌
            me.data.administrationLevel = $('input[name="ADMINISTRATION_LEVEL"]').val(); // 行政级别
            me.data.staffOccupation = $('.per_yuangongType option:selected').val(); // 员工类型
            me.data.computerLevel = $('input[name="COMPUTER_LEVEL"]').val(); // 计算机水平
            me.data.staffHighestSchool = $('.per_xueli option:selected').val(); // 学历
            me.data.staffHighestDegree = $('.per_xuewei option:selected').val(); // 学位
            me.data.staffMajor = $('input[name="STAFF_MAJOR"]').val(); // 专业
            me.data.graduationSchool = $('input[name="GRADUATION_SCHOOL"]').val(); // 毕业学校
            me.data.jobPosition = jobPositionVal; // 职务
            me.data.presentPosition = $('.per_zhicheng option:selected').val(); // 职称
            me.data.graduationDate = $('input[name="GRADUATION_DATE"]').val(); // 毕业时间
            me.data.joinPartyTime = $('input[name="JOIN_PARTY_TIME"]').val(); // 入党时间
            me.data.jobBeginning = $('input[name="JOB_BEGINNING"]').val(); // 参加工作时间
            me.data.datesEmployed = $('input[name="DATES_EMPLOYED"]').val(); // 入职时间
            me.data.workAge = $('input[name="WORK_AGE"]').val(); // 总工龄
            me.data.jobAge = $('input[name="JOB_AGE"]').val(); // 本单位工龄
            me.data.leaveType = $('input[name="LEAVE_TYPE"]').val(); // 年休假
            me.data.foreignLanguage1 = $('input[name="FOREIGN_LANGUAGE1"]').val(); // 外语语种1
            me.data.foreignLanguage2 = $('input[name="FOREIGN_LANGUAGE2"]').val(); // 外语语种2
            me.data.foreignLanguage3 = $('input[name="FOREIGN_LANGUAGE3"]').val(); // 外语语种3
            me.data.foreignLevel1 = $('input[name="FOREIGN_LEVEL1"]').val(); // 外语水平1
            me.data.foreignLevel2 = $('input[name="FOREIGN_LEVEL2"]').val(); // 外语水平2
            me.data.foreignLevel3 = $('input[name="FOREIGN_LEVEL3"]').val(); // 外语水平3
            me.init(url, [
                {name: '详细信息', fn: function(obj, name){
                    return '<a href="javascript:;" staffId="' + obj.staffId + '" class="editAndDelete0">详细信息</a>';
                }}
            ]);
        });
    })


    /*时间控件调用*/
    var start = {
       elem: '#STAFF_BIRTH',
        format: 'YYYY-MM-DD',
        /* min: laydate.now(), //设定最小日期为当前日期
         max: '2099-06-16 23:59:59', //最大日期*/
        istime: true,
        istoday: false,
        /* choose: function(datas){
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas; //将结束日的初始值设定为开始日
        }*/
        choose:get_animal_sign
        //回调函数
    };
//    laydate(start);

    var n = parent.$('.queryArchivesTitle').text();

$('#leave_send').click(function () {var jobPositionVal = $('.per_zhiwu option:checked').val();
    if(jobPositionVal == '0'){
        jobPositionVal = null;
    }

        var deptIds= $('input[name="DEPT_NAME"]').attr('deptid'); // 部门
        var userPriv= $('#USER_PRIV_NAME').attr("userpriv"); // 角色
        var staffName= $('input[name="STAFF_NAME"]').val(); // 姓名
        var beforeName= $('input[name="BEFORE_NAME"]').val(); // 曾用名
        var staffEName= $('input[name="STAFF_E_NAME"]').val(); // 英文名
        var staffNo= $('input[name="STAFF_NO"]').val(); // 编号
        var workNo= $('input[name="WORK_NO"]').val(); // 工号
        var staffSex= $('.per_sex option:selected').val(); // 性别
        var staffCardNo= $('input[name="STAFF_CARD_NO"]').val(); // 身份证
        var staffBirth= $('input[name="STAFF_BIRTH"]').val(); // 出生日期
        var staffAge= $('input[name="STAFF_AGE"]').val(); // 年龄
        var staffNationality= $('input[name="STAFF_NATIONALITY"]').val(); // 民族
        var staffNativePlace= $('.per_address option:selected').val(); // 籍贯
        var workType= $('input[name="WORK_TYPE"]').val(); // 工种
        var workStatus= $('[name="WORK_STATUS"] option:selected').val(); // 在职状态
        var staffDomicilePlace= $('input[name="STAFF_DOMICILE_PLACE"]').val(); // 户口所在地
        var staffMaritalStatus= $('.per_hunyin option:selected').val(); // 婚姻状况
        var staffHealth= $('input[name="STAFF_HEALTH"]').val(); // 健康状况
        var staffPoliticalStatus= $('.per_zhengzhi option:selected').val(); // 政治面貌
        var administrationLevel= $('.per_xingzheng').val(); // 行政级别
        var staffOccupation= $('.per_yuangongType option:selected').val(); // 员工类型
        var computerLevel= $('input[name="COMPUTER_LEVEL"]').val(); // 计算机水平
        var staffHighestSchool= $('.per_xueli option:selected').val(); // 学历
        var staffHighestDegree= $('.per_xuewei option:selected').val(); // 学位
        var staffMajor= $('input[name="STAFF_MAJOR"]').val(); // 专业
        var graduationSchool= $('input[name="GRADUATION_SCHOOL"]').val(); // 毕业学校
        var jobPosition= jobPositionVal; // 职务
        var presentPosition= $('.per_zhicheng option:selected').val(); // 职称
        var graduationDate= $('input[name="GRADUATION_DATE"]').val(); // 毕业时间
        var joinPartyTime= $('input[name="JOIN_PARTY_TIME"]').val(); // 入党时间
        var jobBeginning= $('input[name="JOB_BEGINNING"]').val(); // 参加工作时间
        var datesEmployed= $('input[name="DATES_EMPLOYED"]').val(); // 入职时间
        var workAge= $('input[name="WORK_AGE"]').val(); // 总工龄
        var jobAge= $('input[name="JOB_AGE"]').val(); // 本单位工龄
        var leaveType= $('input[name="LEAVE_TYPE"]').val(); // 年休假
        var foreignLanguage1= $('input[name="FOREIGN_LANGUAGE1"]').val(); // 外语语种1
        var foreignLanguage2= $('input[name="FOREIGN_LANGUAGE2"]').val(); // 外语语种2
        var foreignLanguage3= $('input[name="FOREIGN_LANGUAGE3"]').val(); // 外语语种3
        var foreignLevel1= $('input[name="FOREIGN_LEVEL1"]').val(); // 外语水平1
        var foreignLevel2= $('input[name="FOREIGN_LEVEL2"]').val(); // 外语水平2
        var foreignLevel3= $('input[name="FOREIGN_LEVEL3"]').val(); // 外语水平3


    if(n == '查询/导出离职人员档案'){
        window.open('/hr/api/statusTwo?export=1&deptIds='+deptIds+'&userPriv='+userPriv+'&staffName='+staffName+'&beforeName='+beforeName+'&staffEName='+staffEName+'&staffNo='+staffNo+'&workNo='+workNo+  //7
            '&staffSex='+staffSex+'&staffCardNo='+staffCardNo+'&staffBirth='+staffBirth+'&staffAge='+staffAge+'&staffNationality='+staffNationality+'&staffNativePlace='+staffNativePlace+'&workType='+workType+  //7
            '&workStatus='+workStatus+'&staffDomicilePlace='+staffDomicilePlace+'&staffMaritalStatus='+staffMaritalStatus+'&staffHealth='+staffHealth+'&staffPoliticalStatus='+staffPoliticalStatus+'&administrationLevel=' //6
            +administrationLevel+'&staffOccupation='+staffOccupation+'&computerLevel='+computerLevel+'&staffHighestSchool='+staffHighestSchool+'&staffHighestDegree='+staffHighestDegree+'&staffMajor='+staffMajor+'&graduationSchool='+graduationSchool+ //6
            '&jobPosition='+jobPosition+'&presentPosition='+presentPosition+'&graduationDate='+graduationDate+'&joinPartyTime='+joinPartyTime+'&jobBeginning='+jobBeginning+'&datesEmployed='+datesEmployed+'&workAge='+workAge+'&jobAge='+jobAge+  //8
            '&leaveType='+leaveType+'&foreignLanguage1='+foreignLanguage1+'&foreignLanguage2='+foreignLanguage2+'&foreignLanguage3='+foreignLanguage3+'&foreignLevel1='+foreignLevel1+ '&foreignLevel2='+foreignLevel2+'&foreignLevel3='+foreignLevel3);  //7
    }else {
        window.open('/hr/api/statusOne?export=1&deptIds='+deptIds+'&userPriv='+userPriv+'&staffName='+staffName+'&beforeName='+beforeName+'&staffEName='+staffEName+'&staffNo='+staffNo+'&workNo='+workNo+  //7
            '&staffSex='+staffSex+'&staffCardNo='+staffCardNo+'&staffBirth='+staffBirth+'&staffAge='+staffAge+'&staffNationality='+staffNationality+'&staffNativePlace='+staffNativePlace+'&workType='+workType+  //7
            '&workStatus='+workStatus+'&staffDomicilePlace='+staffDomicilePlace+'&staffMaritalStatus='+staffMaritalStatus+'&staffHealth='+staffHealth+'&staffPoliticalStatus='+staffPoliticalStatus+'&administrationLevel=' //6
            +administrationLevel+'&staffOccupation='+staffOccupation+'&computerLevel='+computerLevel+'&staffHighestSchool='+staffHighestSchool+'&staffHighestDegree='+staffHighestDegree+'&staffMajor='+staffMajor+'&graduationSchool='+graduationSchool+ //6
            '&jobPosition='+jobPosition+'&presentPosition='+presentPosition+'&graduationDate='+graduationDate+'&joinPartyTime='+joinPartyTime+'&jobBeginning='+jobBeginning+'&datesEmployed='+datesEmployed+'&workAge='+workAge+'&jobAge='+jobAge+  //8
            '&leaveType='+leaveType+'&foreignLanguage1='+foreignLanguage1+'&foreignLanguage2='+foreignLanguage2+'&foreignLanguage3='+foreignLanguage3+'&foreignLevel1='+foreignLevel1+ '&foreignLevel2='+foreignLevel2+'&foreignLevel3='+foreignLevel3);  //7
    }

});


    function get_animal_sign(){
        var birth=$("#STAFF_BIRTH").val();
        if (birth != '' && birth != '0000-00-00') {
            $("#animal_id").val(Calculator.shengxiao(birth));
            birth = birth.replace(/-/g, "");
            var month = birth.substring(4, 6);
            var day = birth.substring(6, 8);
            $("#sign_id").val(Calculator.xingzuo(month, day));
        }
    }
    var n = parent.$('.queryArchivesTitle').text();
    var workStatus='';
    if(n == '查询/导出离职人员档案'){
        workStatus='02';
    }else{
        workStatus='01';
    }
    // 全部删除
    $('.delAll').click(function () {
        $.ajax({
            url: '/hr/api/delAll',
            dataType: 'json',
            data: {
                workStatus:workStatus
            },
            success: function (res) {
                if(res.flag){
                    layer.msg('删除成功', {
                        time: 2000
                    });
                }else{
                    layer.msg('删除失败', {
                        time: 2000
                    });
                }
            }
        });
        pageobj.init();
    });

    // 删除废弃档案
    $('.delItem').click(function () {
        $.ajax({
            url: '/hr/api/delLose',
            dataType: 'json',
            data: {
                workStatus:workStatus
            },
            success: function (res) {
                if(res.flag){
                    layer.msg('删除成功', {
                        time: 2000
                    });
                }else{
                    layer.msg('删除失败', {
                        time: 2000
                    });
                }
            }
        });
        pageobj.init();
    });

    // 返回
    $('.onBlack').click(function () {
        $('#pagediv_box').css('display', 'none');
        $('#table_personDetail').css('display', 'block');
    });


</script>
</body>
</html>

